<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
</head>

<body>
    <img src="{{url_for('static',filename='img/sign3.png')}}" />
    <!--<div class="title">
        欢迎进入在线腐蚀监测系统
    </div>-->
    <div class="btn">
        <input type="button" value="腐蚀速率" class="btn1" onclick="window.location.href='{{url_for('speed')}}'">
        <input type="button" value="腐蚀深度" class="btn1" onclick="window.location.href='{{url_for('deep')}}'">
        <input type="button" value="腐蚀因子" class="btn1" onclick="">
        <input type="button" value="阴极保护" class="btn1" onclick="window.location.href='{{url_for('protect')}}'">
        <input type="button" value="阴极保护检测曲线" class="btn1" onclick="">
        <input type="button" value="通讯状态" class="btn1" onclick="window.location.href='{{url_for('FirstFage')}}'">

    </div>
    <div class="back1">
        宁波科金工业腐蚀监测技术有限公司
    </div>
    <div class="back2">
        Ningbo Kejin Industry Corrosion Monitoring Technology Ltd.
    </div>
</body>
<style>
    .title {
        line-height: 180px;
        text-align: center;
        font-size: 50px;
    }

    .btn {
        display: flex;
        flex-direction: column-reverse
    }

    .btn1 {
        font-size: 45px;
        border: none;
        box-shadow: none;
        background: none;
    }

    .back1 {
        position: relative;
        top: 250px;
        font-size: 25px;
        text-align: center;
    }

    .back2 {
        top: 255px;
        position: relative;
        font-size: 25px;
        text-align: center;
    }
</style>

</html>